<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<title>考勤预览页面</title>

<!-- Bootstrap core CSS -->
<link
	href="${pageContext.request.contextPath}/assets2/css/bootstrap.css"
	rel="stylesheet">

<!-- Add custom CSS here -->
<link href="${pageContext.request.contextPath}/assets2/css/sb-admin.css"
	rel="stylesheet">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/assets2/font-awesome/css/font-awesome.min.css">
<!-- Page Specific CSS -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/assets2/css/morris-0.4.3.min.css">
</head>

<body>
	<div id="wrapper">
		<!-- Sidebar -->
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".navbar-ex1-collapse">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<img src="${pageContext.request.contextPath}/assets2/img/3.png"
				style="display: block; max-width: 100%; height: 50px;" />

		</div>
		<!--隐藏菜单--> <!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse navbar-ex1-collapse">
			<ul class="nav navbar-nav side-nav">
				<li class=""><a href="redact"><i class="fa fa-dashboard"></i>
						考勤编辑</a></li>
				<li><a href="audit"><i class="fa fa-bar-chart-o"></i> 考勤审核</a></li>

				<li><a href="examine"><i class="fa fa-bar-chart-o"></i>
						考勤检查</a></li>
				<li><a href="dynamic?id=1"><i class="fa fa-bar-chart-o"></i>
						今日动态</a></li>
				<li><a href="preview"><i class="fa fa-table"></i> 考勤预览</a></li>
				<li><a href="addAdmin"><i class="fa fa-edit"></i> 增加学生</a></li>
				<li><a href="message"><i class="fa fa-font"></i> 个人信息</a></li>
				<li><a href="logout"><i class="fa fa-file"></i>&nbsp;&nbsp;退出</a></li>
			</ul>
		</div>
		<!-- /.navbar-collapse --> </nav>

		<div id="page-wrapper">
			<div class="row">
				<div class="col-lg-12">
					<h1>考勤预览</h1>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<h2>checking-in audit</h2>
					<div class="table-responsive">
						<table class="table table-bordered table-hover tablesorter">
							<thead>
								<tr>
									<th>序号</th>
									<th>学号</th>
									<th>姓名</th>
									<th>操行分</th>
									<th>类型</th>
									<th>时间</th>
									<th>备注</th>
									<th>状态</th>
									<th>详情</th>
								</tr>
							</thead>
							<tbody>
								<c:forEach var="preview" items="${pager.lists}">
									<tr>
										<td>${preview.id}</td>
										<td>${preview.stuNo}</td>
										<td>${preview.name}</td>
										<td>${preview.grade}</td>
										<td>${preview.type}</td>
										<td><c:if test="${not empty preview.timeBegin}">
										${preview.timeBegin}至${preview.timeOver}
										</c:if></td>
										<td>${preview.remarks}</td>


										<td><c:if test="${preview.trantype==2}">&nbsp;&nbsp;<label
													class="label label-warning">待审核</label>
											</c:if> <c:if test="${preview.trantype==3}">&nbsp;&nbsp;<label
													class="label label-success">已审核</label>
											</c:if> <c:if test="${preview.trantype==4}">&nbsp;&nbsp;<label
													class="label label-danger">未通过</label>
											</c:if> <c:if test="${preview.trantype==5}">&nbsp;&nbsp;<label
													class="label label-info">迟到</label>
											</c:if> <c:if test="${preview.trantype==6}">&nbsp;&nbsp;<label
													class="label label-info">旷课</label>
											</c:if> <c:if test="${preview.trantype==7}">&nbsp;&nbsp;<label
													class="label label-info">事假</label>
											</c:if> 
											<c:if test="${preview.trantype==8}">&nbsp;&nbsp;<label
													class="label label-info">病假</label>
											</c:if>
											<c:if test="${preview.trantype==9}">&nbsp;&nbsp;<label
													class="label label-info">公出</label>
											</c:if>
											<c:if
												test="${preview.trantype ne 2 && preview.trantype ne 3 && preview.trantype ne 4 && preview.trantype ne 5  && preview.trantype ne 6 && preview.trantype ne 7 && preview.trantype ne 8 && preview.trantype ne 9}">&nbsp;&nbsp;<label
													class="label label-danger">未知状态</label>
											</c:if></td>





										<td><a href="details?id=${preview.id}"
											class="btn btn-primary btn-xs">查看详情</a></td>
									</tr>

								</c:forEach>
							</tbody>
						</table>
					</div>
				</div>
				<!--分页-->
				<div class="bs-example">
					<ul class="pagination">
						<li><a
							href="preview?curPage=${pager.curPage-1}&pageCount=${pager.pageCount}">«</a></li>
						<c:forEach var="i" begin='1' end="5">
							<li><a
								href="preview?curPage=${i}&pageCount=${pager.pageCount}">${i}</a></li>
						</c:forEach>
						<li><a
							href="preview?curPage=${pager.curPage+1}&pageCount=${pager.pageCount}">»</a></li>
					</ul>
				</div>
				<!-- JavaScript -->
				<script
					src="${pageContext.request.contextPath}/assets2/js/jquery-1.10.2.js"></script>
				<script
					src="${pageContext.request.contextPath}/assets2/js/bootstrap.js"></script>

				<!-- Page Specific Plugins -->
				<script
					src="${pageContext.request.contextPath}/assets2/js/raphael-min.js"></script>
				<script
					src="${pageContext.request.contextPath}/assets2/js/morris-0.4.3.min.js"></script>
				<script
					src="${pageContext.request.contextPath}/assets2/js/morris/chart-data-morris.js"></script>
				<script
					src="${pageContext.request.contextPath}/assets2/js/tablesorter/jquery.tablesorter.js"></script>
				<script
					src="${pageContext.request.contextPath}/assets2/js/tablesorter/tables.js"></script>
				<!--[if lte IE 8]><script src="js/excanvas.min.js"></script><![endif]-->
				<script
					src="${pageContext.request.contextPath}/assets2/js/flot/jquery.flot.js"></script>
				<script
					src="${pageContext.request.contextPath}/assets2/js/flot/jquery.flot.tooltip.min.js"></script>
				<script
					src="${pageContext.request.contextPath}/assets2/js/flot/jquery.flot.resize.js"></script>
				<script
					src="${pageContext.request.contextPath}/assets2/js/flot/jquery.flot.pie.js"></script>
</body>
</html>